<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/api.css">
</head>

<body>
    <!-- 蒙层-- -->
    <div class="blanket">
        <!-- 模态框------------------------------------>
        <form action="" class="clearfix">
            <!-- logo---- -->
            <img src="./images/loginlogo.png" alt="">
            <!-- 登录选项-- -->
            <div class="clearfix lon-ins rel">
                <!-- 账号登录-- -->
                <div class="fl font20 active on "> 账号登录</div>
                <span class="line_1 active fl"></span>

                <!-- 扫码登录-- -->
                <div class="fr font20 ">扫码登录</div>

            </div>
            <div class="register1 Login-box">
                <div class="username">
                    <span></span>
                    <input type="text" placeholder="用户名/手机号/邮箱">
                    <p></p>
                </div>
                <div class="password clearfix">
                    <span class="fl"></span>
                    <input type="password" placeholder="密码" class="fl">
                    <p></p>
                </div>
                <a href="">忘记密码</a>
                <button>登录</button>
            </div>
            <div class="qrcode Login-box">
                <img src="./images/103-demo.png" alt="">
                <h1>微信扫码登录</h1>
                <p>未关注源码科技公众号，请先关注后再登录</p>

            </div>
            <p class="register">还没有账号,<a href="#">立即注册</a> <span></span></p>
        </form>

    </div>
    <!-- 头部 -->
    <header class="clearfix  rel">
        <!-- logo -->
        <div class="fl">
            <img src="./images/logo-white.png" alt="">
        </div>
        <!-- 菜单栏 -->
        <ul class="menu abs ">


        </ul>
        <!-- 登录注册 -->
        <div class="fr right-box">
            <a id="topDebark" href="#">登录</a>
            <a href="#">注册有礼</a>

        </div>
    </header>
    <!-- banner -->
    <div class="mt110">
        <div class="banner container ">
            <h1 class=" f40 mb20">API分类</h1>
            <ul class="clearfix" id='apiList'>

            </ul>

        </div>
    </div>

    <!-- 搜索栏 -->
    <div>
        <div class="main container ">
            <div class="mb20">
                <span>全部</span> <input type="text"><img src="./images/magnifier.png" alt="">
            </div>
            <ul class="clearfix">
            </ul>
        </div>
    </div>
    <div>
        <div class="container layout">
            <span class="shadow">1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span>
            <span>5</span>

            .......
            <a>下一页></a>

        </div>
    </div>
    <!-- 尾部链接 -->
    <div class="footbg">
        <footer class="container clearfix">
            <dl class="fl">
                <dt class="font20">联系与支持</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl class="fl">
                <dt class="font20">产品服务</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl class="fl">
                <dt class="font20">快速入口</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl class="fl">
                <dt class="font20">产品服务</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <dl class="fl">
                <dt class="font20">解决方案</dt>
                <dd>400-882-7715</dd>
                <dd>售前咨询</dd>
                <dd>客服&售后</dd>
                <dd>常见问题</dd>
                <dd>极速工单</dd>
                <dd>投诉与建议</dd>
            </dl>
            <ul class="fr">
                <li class="font20">微信公众号</li>
                <li>源码时代</li>
                <li><img src="./images/103-demo.png" alt=""></li>
            </ul>
            <h1 class="fl font14"><img src="./images/bei1.png" alt=""><img src="./images/bei2.png"
                    alt="">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</h1>
            <h2 class="fr font14">源码大数据股份有限公司©版权所有</h2>
            <!-- <button type="button">^</button> -->
        </footer>
    </div>

    <script src="./js/Common event.js"></script>
    <script src="./js/api.js"></script>
</body>

</html>